<template>
  <el-dialog
    :title="t('crud.excelBtn')"
    lock-scroll
    :modal-append-to-body="false"
    class="avue-dialog"
    :visible.sync="box"
    :width="crud.isMobile ? '100%' : '30%'"
  >
    <avue-form v-model="form" :option="option"></avue-form>
    <span slot="footer" class="dialog-footer">
      <el-button
        type="primary"
        :size="crud.isMediumSize"
        @click="handleSubmit"
        >{{ t('crud.filter.submitBtn') }}</el-button
      >
      <el-button @click="box = false" :size="crud.isMediumSize">{{
        t('crud.filter.cancelBtn')
      }}</el-button>
    </span>
  </el-dialog>
</template>

<script>
import { Crud } from '../../../../assets/avue/avue'

export default {
  extends: Crud.components.dialogExcel,
}
</script>

<style lang="scss" scoped></style>
